<template>
	<div class="appPage">
		<headerNav></headerNav>
		<router-view class="container" />
		<footerNav></footerNav>
	</div>
</template>

<script>
	import footerNav from "@/components/footerNav.vue"
	import headerNav from "@/components/headerNav.vue"
	export default {
		components: {
			footerNav,
			headerNav
		}
	}
</script>

<style>
	.appPage {
		position: fixed;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.container {
		background-color: white;
		padding-top: 46px;
		padding-bottom: 50px;
		height: 100%;
		overflow-y: auto;
	}
</style>